<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>17IT首页-17IT用实力打造最专业的产品</title>
<link type="text/css" href="css/layout.css" rel="stylesheet" />
<link type="text/css" href="css/news_detail.css" rel="stylesheet" />
<link rel="shortcut icon" href="images/favicon.ico"/>
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/jquery.flexslider-min.js"></script>

</head>
<script type="text/javascript">
$(document).ready(function(){
	$('.flexslider').flexslider({
		directionNav: true,
		pauseOnAction: false
	});
	
	$('#seo').click(function(){
					$(this).val('');	
					});
	
				
	var $current_nav = $("#current_nav"); //current元素（当前所在导航项)
	var current_nav_width = $current_nav.innerWidth();
	var current_nav_left = $current_nav.position().left;

	var $nav_animate_block = $(".nav_animate_block"); //动画滑块
	$nav_animate_block.css({ width:current_nav_width, left:current_nav_left }); //初始状态下，动画滑块位置在current元素

	// 鼠标进入a元素时触发动画事件
	$(".nav_middle a").hover(function(){
		
		var index = $(this).index();
		var $a_cur = $(".nav_middle").find("a").eq(index);//鼠标移动到的a元素

		//利用触发的a元素索引获取其left位置和它的宽度
		var width = $a_cur.innerWidth();
		var left = $a_cur.position().left;

		//设置动画滑块位置
		$nav_animate_block.stop().animate({
			width: width,
			left: left 
		}, 300)
	}, function(){
		//鼠标离开a元素时，动画滑块返回current元素位置
		$nav_animate_block.stop().animate({
			width: current_nav_width,
			left: current_nav_left
		})
	})			
				
				
});



</script>

<body>

    		<div class="nav">
            
            	<a  href="#" class="nav_left"> 
                	<img src="images/headlogo.jpg" alt="logo" />
                </a>
                
                <div class="nav_middle"> 
                	<a href="index.html"  >
                    	<p>首页</p>
                    </a>
                    <a href="case_list.html" >
                    	<p>成功案例</p>
                    </a>
                    <a href="news_list.html" id="current_nav" >
                    	<p>新闻资讯</p>
                    </a>
                    <a href="product_center.html" >
                    	<p>产品中心</p>
                    </a>
                    <a href="teach.html" >
                    	<p>建站教程</p>
                    </a>
                    <a href="about_us.html" >
                    	<p>关于我们</p>
                    </a>
                    <a href="#">
                    	<p>联系我们</p>
                    </a>
                    <div class="nav_animate_block"></div>
					
                </div>
                <div class="nav_right"> 
                	<div class="nav_seo">
                        <a href="#"><img src="images/nav_seo.jpg" /></a>
                        <span class="seo">
                            <form>
                                <input id="seo"  type="text"  placeholder="请输入搜索的内容"/>
                            </form>
                        </span>
                    </div>
                </div>
            
            </div>
    		
			<div class="contatin">
				<div class="contatin_top">
					<div class="contatin_top_left">
						<p class="title">17IT科技创办人LYQ生平简介</p>
						<p class="date">网站简介 2014/09/14  20:48</p>
					</div>
					<div class="contatin_top_right">
						<a href="#" class="pre"></a>
						<a href="#" class="current">全部新闻</a>
						<a href="#" class="nex"></a>
					</div>
				</div>
				<div class="contatin_mid">
					<div class="contatin_mid_left">
						<img src="./images/news_detail_18.gif">
					<p>通常，这些制度要比没有制度和框架好。它们能帮助新经理和团队有效的开展工作。他们约束新员工按正确的方式做事情。
但是，壮举从来不是诞生在制度、规则和框架之下的。</p>
<p>这也就是为什么公司同时希望看到员工勇于冒险，果断决策，尝试新事物，快速行动，甚至打破规则。
这意味着，你应该能认识到，当过程太繁冗时，应该有一个更好的方法。这意味着，为了让新功能/产品发布，你要勇于站出来呼吁可以接受一些技术债务和执行风险，因为你知道获得真实用户的反馈是如此的重要。这意味着你应该批准超出预算的差旅，让某个员工去参加他向往的研讨会。这意味着你要拿出一部分时间来按你的想法开发出新的工具来帮助支持团队诊断客户问题。这也意味着你要放慢开发速度，花部分时间来重构——即使在应该最快的完成任务上损害了你的名声。你之所以这样做，是因为这样有益于你的团队，公司，以及客户。
当你破坏了规则，去做自己认为是正确的事情时，你是在冒险。有时这会有报答，但有时不会。</p>
<p>失败了没什么——但一定不要在相同的事情上因为相同的原因犯同样的错误。要知道风险在哪里，从结果中吸取教训。我知道的最好的工程师和经理都是喜欢打破规则，喜欢冒险的。你也应该这样。</p>

					</div>
					<div class="contatin_mid_right">
						<ul>
							<li class="current"><a href="#">新闻资讯</a></li>
							<li><a href="#">团队动态</a></li>
							<li><a href="#">行业资讯</a></li>
							<li><a href="#">最新活动</a></li>
						</ul>
						<dl>
							<dd class="hot"><a href="#">最热资讯</a></dd>
							<dt><a href="#">这里是标题这</a></dt>
							<dt><a href="#">这里是标题</a></dt>
							<dt><a href="#">这里是标题</a></dt>
							<dt><a href="#">这里是标题</a></dt>
							<dt><a href="#">这里是标题</a></dt>
						</dl>
					</div>
				</div>
				
				<div class="discuss">
					<div class="discuss_top">
						<span class="one">评论(1000)</span>
						<span class="two">赞(32)</span>
					</div>
					<div class="text" >
						<textarea></textarea>
						<p>
						<span class="emoji">添加表情</span>
						<span class="sub">评论</span>
						</p>
					</div>
					<div class="discuss_bottom">
						
						<div class="floor">
							<div class="u-img">
								<a href="#"><img src="./images/emoji_1.jpg" alt="" /></a>
								<span><font>会员名称1111111111</font> 2001-09-10</span>
							</div>
							<p>嘿嘿，如果字数过多，高度度不会自增嘿嘿，如果字数过多，高度度不会自增嘿嘿，如果字数过多，高度度不会自增嘿嘿，如果字数过多，高度度不会自增嘿嘿，如果字数过多，高度度不会自增</p>
							
						<div class="floor_left">
								<span style="color:#37a5d8">2楼</span>
								<span style="color:#ff214b" class="zan">赞同<font style="color:#7b7b7b">(1000)</font></span>
							</div>
						</div>
						
						<div class="floor">
							<div class="u-img">
								<a href="#"><img src="./images/emoji_1.jpg" alt="" /></a>
								<span><font>会员名称1111111111</font> 2001-09-10</span>
							</div>
							<p>嘿嘿，如果字数过多，高度度不会自增嘿嘿，如果字数过多，高度度不会自增嘿嘿，如果字数过多，高度度不会自增嘿嘿，如果字数过多，高度度不会自增嘿嘿，如果字数过多，高度度不会自增</p>
							
						<div class="floor_left">
								<span style="color:#37a5d8">2楼</span>
								<span style="color:#ff214b" class="zan">赞同<font style="color:#7b7b7b">(1000)</font></span>
							</div>
						</div>
					</div>
					
					<div class="page">
						<a href="#" class="page_index">首页 <a href="#" class="pre"><</a><a href="#" class="current">1</span><a href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a class="nex">></a><a href="#" class="end">末页</a>
					</div>
				</div>
				
				
			</div>
		
   <div class="footer">
   		<div class="footer_nav">
        	<a href="#">首页</a>
            <a href="#">成功案例</a>
            <a href="#">新闻资讯</a>
            <a href="#">产品中心</a>
            <a href="#">建站教程</a>
            <a href="#">关于我们</a>
            <a href="#">联系我们</a>
        </div>
        <p>Copyright&copy;2014 17IT科技 版权所有</p>
   </div>  
    
    

</body>
</html>
